:root {
  /* 主蓝色 */
  --theme-color1: hsla(40, 47%, 54%, 1); /* #07CB89 */
  /* 主蓝色 */
  --theme-color2: hsla(36, 78%, 51%, 0.2); /* #267DFF 20% */
  /* 全局底色 */
  --theme-color3: hsla(45, 16%, 20%, 1); /* #060C32 */
  /* 浅底色 */
  --theme-color4: hsla(43, 22%, 28%, 1); /* #0F194C */
  /* 边框色1 */
  --theme-color7: hsla(40, 17%, 52%, 1); /* #212A5F */
  /* 边框色2 */
  --theme-color8: hsla(45, 88%, 87%, 1); /* #3A4BB1 */
  /* 输入框色 */
  --theme-color9: hsla(39, 33%, 22%, 1); /* #0D113C */
  /* 副级按钮 */
  --theme-color10: hsla(40, 20%, 35%, 1); /* #1B2850 */

  /* 全局白色 */
  --theme-neutral1: hsl(0, 0%, 100%); /* #FFFFFF */
  /* 辅助色2 */
  --theme-neutral2: hsl(0, 0%, 100%, 0.5); /* #FFFFFF 50% */
  /* 引导文字 */
  --theme-neutral3: hsl(0, 0%, 100%, 0.3); /* #FFFFFF 30% */
  /* 全局黑色 */
  --theme-black: hsl(0, 0%, 0%, 1); /* #000000 */
  /* 遮罩80% */
  --theme-neutral4: hsl(0, 0%, 0%, 0.8); /* #000000 80% */
  /* 遮罩40% */
  --theme-neutral5: hsl(0, 0%, 0%, 0.4); /* #000000 40% */

  /* 主色渐变1 */
  --theme-main-gradient1: hsla(43, 100%, 91%, 1); /* #55BEEB */
  --theme-main-gradient2: hsla(41, 50%, 59%, 1); /* #105FD6 */
  /* 特色渐变1 */
  --theme-ts1-gradient1: hsla(40, 25%, 46%, 1); /* #1E3199 */
  --theme-ts1-gradient2: hsla(42, 18%, 54%, 1); /* #1C6981 */
  /* 特色渐变2  */
  --theme-ts2-gradient1: hsla(35, 52%, 52%, 1); /* #0F4942 */
  --theme-ts2-gradient2: hsla(40, 71%, 39%, 1); /* #050F68 */

  /* 主绿色 */
  --theme-dec1: hsl(144, 87%, 39%); /* #2AA42E */
  /* 主红色 */
  --theme-dec2: hsl(0, 80%, 47%); /* #C23E3E */
  /* 黄色按钮文字 */
  --theme-dec3: hsl(14, 54%, 30%); /* #743623 */
  /* 主黄色 */
  --theme-dec4: hsl(42, 100%, 66%); /* #F8C635 */
  /* --theme-dec5: hsl(14, 100%, 32%); #A42700 */

  --font-title-b: 0.7rem;
  --font-title-c: 0.54rem;
  --font-title: 0.44rem;
  --font-title2: 0.38rem;
  --font-size: 0.34rem;
  --font-size2: 0.3rem;
  --font-size3: 0.26rem;

  --border-radius: 0.15rem;
  --mask-color: rgba(0, 0, 0, 0.5);

  --max-client-width: 750px;
  --border-color: #65436f;
  --app-bg-color: #221b24;
  --box-bg-color: #312734;
}
